<template>
  <div class="app">
    <h1>{{ msg }}</h1>
    <button @click="changeMsg">changeMsg</button>
  </div>
</template>
<script>
export default {
  // data() {
  //   return {
  //     msg: 'hello vue',
  //   };
  // },
  // methods: {
  //   changeMsg() {
  //     this.msg = '更新了';
  //   },
  // },
  // watch: {},
  // computed: {},
  // created() {
  //   console.log(this.msg);
  // },
  // 1. setup 的生命周期比create块
  // 2. setup 没有this
  setup() {
    console.log('setup');
    console.log(this);
  },
};
</script>
<style lang="scss" scoped></style>
